<template>
	<view class="back-color">
		<view class="result-top">
			<text>结果分析</text>
			<text>本测试及结果由AI得出,仅供参考,不能作为诊断及诊疗的依据</text>
		</view>
		<view class="result-desc">
			<view>抑郁程度：严重抑郁</view>
			<view>建议继续保持良好平和的心情,注意适量运动，规律休息</view>
			<view class="bold">测评结果概述:</view>
			<view v-for="(item_a, index_a) in ['你的自我调节情绪的能力很强,请继续保持', '平常要注意适量的运动']" :key="index_a">{{ index_a + 1 }}. {{
				item_a }}</view>
			<view class="bold">AI为你推荐以下科室</view>
			<view class="recommend">
				<label>
					<text class="bold">心理科</text>
					<text class="Hosp">云南省第一人民医院</text>
				</label>
				<label class="regi" @click="regiSter()">去挂号</label>
			</view>
		</view>
	</view>
	<!-- 按钮 -->
	<view class="exceed"></view>
	<view class="submit">
		<button plain="true" open-type="share">邀请朋友测一测</button>
		<button plain="true" @click="canCel">再测一次</button>
	</view>
	<!-- 骨架屏 -->
	<!-- <skIndex v-if="false"></skIndex> -->
</template>
  
<script setup lang="ts">
// 1.引入基础模块
import { reactive, toRefs } from 'vue'
import { onShow, onLoad, onShareAppMessage } from "@dcloudio/uni-app";
import skIndex from '@/Skeleton/SK-self-test-result.vue'
import {reqResPepression,reqResPremature,reqResInsomnia} from "@/serve/api"

// 再测一次
function canCel() {
	uni.navigateBack({ delta: 1 })
}


// 去挂号
function regiSter() {

}


</script>
  
  
<style>
@import url('../../common-style/form.css');

page {
	background: #f0f5f9;
}

.back-color {
	background: -webkit-linear-gradient(top, #d6e8ff 30%, #f2f7fb 55%, #f0f5f9 90%);
}

.result-top {
	display: flex;
	flex-direction: column;
	padding: 20rpx;
}

.result-top text:nth-child(1) {
	font-size: 35rpx;
	font-weight: bold;
	padding-bottom: 20rpx;
}

.result-desc {
	background-color: #ffffff;
	border-radius: 10rpx;
	margin: 20rpx;
	padding: 20rpx;
}

.result-desc view {
	margin-bottom: 20rpx;
	line-height: 1.5;
}

.result-desc view:nth-child(1) {
	font-size: 40rpx;
	font-weight: bold;
	color: #0d7cff;
}

.result-desc view:nth-child(2) {
	color: #0d7cff;
}

.bold {
	font-weight: bold;
	display: block;
}

.recommend {
	background-color: #f4f7fa;
	border-radius: 10rpx;
	padding: 30rpx 20rpx;
	display: flex;
	justify-content: space-between;
}

.Hosp {
	color: #bac5cc;
}

.regi {
	align-self: center;
	background-color: #0176ff;
	color: #ffffff;
	padding: 10rpx 20rpx;
	border-radius: 10rpx;
}

.exceed {
	height: 300rpx;
	background: #f0f5f9;
}
</style>